/*
 * Author: Luciano Hoult
 * Contact: lucianolee@zju.edu.cn
 * Company: Zhejiang University
 * Created Date: Tuesday November 12th 2019 2:31:03 pm
 * Last Modified: Sunday January 12th 2020 5:27:14 pm
 */

/* Define the background for the whole page;
Define fonts to use. */
html {
    background-color: rgb(210, 230, 230);
    font-family: Arial, Helvetica, sans-serif;
}

/* Define the style of head title */
h1 {
    color: black;
    width: 80%;
    /* Use vm unit to adapt to window size */
    font-size: 3vw;
    margin: auto;
}

p {
    color:rgb(80, 80, 80);
    text-align: left;
    text-indent: 2vw;
    font-family: consolas;
    font-size: 3vw;
}

.buttons {
    text-align: center;
}

/* Define the style of button */
.btn1 {
    align-self: center;
    text-align: center;
    width: 70%;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 3vw;
    text-decoration: none;
    margin: 20px;
    color: #fff;
    position: relative;
    display: inline-block;
    background-color: #e74c3c;
    box-shadow: 0px 5px 0px 0px #CE3323;
}

/* Define the style of button when pressed*/
/* Make it promt a bit */
.btn1:active {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    box-shadow: 0px 1px 0px 0px;
    background-color: #FF6656
}
